<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>我的订单</title>

		<script src="/static/mui/js/mui.js"></script>
		<link href="/static/mui/css/mui.css" rel="stylesheet" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_604068_mskca9dc7wcm1jor.css" />
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_604161_tfc7h0lgck5wxw29.css"/>
		<script src="/static/js/vue.min.js"></script>
		<script src="/static/js/vue-resource.js"></script>
		<link rel="stylesheet" href="/static/css/css.css" />
		<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
		<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">

		<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
		<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>

		<style>
			.select {
				height: 44px;
				line-height: 44px;
				text-align: center;
			}
			
			.item_all_b {
				/*border-right: 1px solid #AAAAAA;*/
			}
			
			.jiantou {
				color: #BBBBBB;
			}
			
			.bar_color {
				background-color: #FFFFFF;
				z-index: 201;
			}
			
			.content {
				position: absolute;
				width: 100%;
				top: 88px;
			}
			
			.item_list {
				/*display: none;*/
			}
			
			.duihao {
				color: #cc6210;
				float: right;
			}
			
			.list_word {
				color: #999999;
				font-size: 12px;
			}
			.list_word1 {
				color: #000;
				font-size: 12px;
			}
			
			.check {
				color: #cc6210;
			}
			/*遮罩层*/
			
			.md-overlay {
				position: fixed;
				left: 0;
				top: 91px;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.5);
				z-index: 200;
			}
			
			.item_list_all {
				position: fixed;
				top: 90px;
				width: 100%;
				z-index: 201;
			}



			.mui-card-header:after{
				background-color: #ffffff;
			}


			.mui-bar-nav1 {
				top: 0;
			}
			.mui-bar1 {
				position: fixed;
				z-index: 10;
				right: 0;
				left: 0;
				height: 44px;
				padding-right: 10px;
				padding-left: 10px;
				border-bottom: 1px solid #f4f4f4;
				background-color: #ffffff;
				/* box-shadow: 0 0 1px rgba(0, 0, 0, .85); */
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
			}
		</style>
	</head>

	<body>
		<!--头部开始-->
		<header class="head headTitle"   style="position: relative;position: fixed;top: 0px">
			<a class="back"    href="{:url('/home/my/my')}" ><img src="/static/images/back_gray.png"></a>
			<a    href="{:url('/home/seller/sousuo')}" style="position: absolute;right:15px;color: black"><span class="icon icon-sousuo"></span></a>
			<h1 class="title"   style="line-height: 40px">我的订单</h1>
		</header>
		<!--头部结束-->

		<div id="app">
			<!--筛选头开始-->
			<div class="mui-bar1 mui-bar-nav1 bar_color" style="margin-top:44px;">
				<div class="mui-row select">
					
					
					<span class="mui-col-xs-6 mui-col-sm-6 item_all_b" id="sort">
						<span v-bind:class="{'check':checkSort}" @click="checkSelect(1)">{{sort}}</span>
					<!--<span class="live live-jiantouxia jiantou" v-if="checkSort==false"></span>-->
					<!--<span class="live live-jiantoushang jiantou" v-else></span>-->

					</span>
					
					<span class="mui-col-xs-6 mui-col-sm-6 " id="brand">
						<span v-bind:class="{'check':checkBrand}" @click="checkSelect(2)">{{brand}}</span>
					<!--<span class="live live-jiantouxia jiantou" v-if="checkBrand==false"></span>-->
					<!--<span class="live live-jiantoushang jiantou" v-else></span>-->
					</span>
					

				</div>
			</div>
			<!--筛选头结束-->

			<!-- 信息展示开始-->
			<div class=" content">
				<div class="weui-pull-to-refresh" id="listwrap1" style="height:100%; margin-top: 1px;overflow:auto;  z-index: 1">
					<div id="list">

						<!-- 内容开始-->
						<div  v-for="item in orderList"  class="mui-row"   style="background: #ffffff;margin-top: 5px">
							<div class=" mui-col-xs-5  mui-card-header mui-card-media">
								<img  style="height:25vw;width:35vw; "   :src="item.thumb">
							</div>
							<div class=" mui-col-xs-7  " >
								<div class="mui-card-content-inner">
									<div class="mui-row">
										<div class="mui-col-xs-12" style="color: #000000;">{{item.name}}</div>
										<div class="mui-col-xs-6 list_word">型号：</div>
										<div class="mui-col-xs-6 list_word1">{{item.xinghao}}</div>
										<div class="mui-col-xs-6 list_word">材质：</div>
										<div class="mui-col-xs-6 list_word1">{{item.caizhi}}</div>
										<div class="mui-col-xs-6 list_word">购买数量：</div>
										<div class="mui-col-xs-6 list_word1">3</div>
									</div>
								</div>
							</div>
						</div>
						<!--内容结束-->
					</div>
					<div id="listend">

					</div>
					<div class="weui-loadmore" style="padding-bottom:30px;height:20px">
						<i class="weui-loading"></i>
						<span class="weui-loadmore__tips">正在加载</span>
					</div>
				</div>
			</div>
			<!--信息展示结束-->

			<!--筛选项开始-->
			<div class="item_list_all">
				<div class="item_list" id="sort_list" style="overflow: auto;" v-if="checkSort">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell" v-for="(item,index) in sortList"  @click="itemCheck(1,item,index)">
							{{item.name}}
							<span class="live live-duihao duihao" v-if="index==checkSortItem"></span>
						</li>

					</ul>
				</div>
				<div class="item_list" id="brand_list" v-if="checkBrand">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell" v-for="(item,index) in brandList" @click="itemCheck(2,item,index)">
							{{item.name}}
							<span class="live live-duihao duihao" v-if="index==checkBrandItem"></span>
						</li>

					</ul>
				</div>

			</div>
			<!--筛选项结束-->
			<div class="md-overlay" v-if="checkSort"  @click="checkOver"></div>
			<div class="md-overlay" v-if="checkBrand" @click="checkOver"></div>

		</div>

	</body>


	<script src="/static/js/index.js"></script>

</html>